<template>
  <div>
    <van-tabs v-model:active="active" swipeable type="card">
      <van-tab title="我是标签1的内容">内容 1
        
      </van-tab>
      <van-tab title="我是标签2的内容">内容 2</van-tab>
      <van-tab title="我是标签3的内容">内容 3</van-tab>
      <!-- 此处省略3个<van-tab>标签 -->
    </van-tabs>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { showToast } from "vant";


const active = ref(0);


</script>

<style scoped>
.valcolstyle {

  border: 1px solid red
}


</style>
